<html>
  <head>
    <title>WebSocket Chat Example</title>
    <script type='text/javascript' src="chat.js"></script>
    <link rel="stylesheet" type="text/css" href="chat.css" />
  </head>
  <body>
    <div id='chat'></div>
    <div id='input'>
      <div id='join' >
        Username:&nbsp;<input id='username' type='text'/><input id='joinB' class='button' type='submit' name='join' value='Join'/>
      </div>
      <div id='joined' class='hidden'>
        Chat:&nbsp;<input id='phrase' type='text'/>
        <input id='sendB' class='button' type='submit' name='join' value='Send'/>
      </div>
    </div>
    <script type='text/javascript'>init();</script>
  </body>
</html>